import { useNavigate } from 'react-router-dom'
import './home.css'

function Index() {
    const navigate = useNavigate()

    return (
        <div className="home-page">
            <div className="home-container">
                <h1 className="home-title">🎉 恭喜通关！</h1>
                <p className="home-description">您已成功完成迷宫探索，数字人模型表现完美！</p>

                <div className="home-actions">
                    <button
                        className="home-button primary"
                        onClick={() => navigate('/look')}
                    >
                        重新探索迷宫
                    </button>
                    <button
                        className="home-button secondary"
                        onClick={() => navigate('/mySelf')}
                    >
                        返回个人中心
                    </button>
                </div>

                <div className="home-features">
                    <div className="feature-item">
                        <span className="feature-icon">🚶</span>
                        <span>智能碰撞检测</span>
                    </div>
                    <div className="feature-item">
                        <span className="feature-icon">👁️</span>
                        <span>多视角切换</span>
                    </div>
                    <div className="feature-item">
                        <span className="feature-icon">🎮</span>
                        <span>流畅操作体验</span>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Index
